<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 200px;
    background-color:#ebebe3;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
    height: 175px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 900px;
    height: 77px;
    background-color:#ebebe3;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 900px;
    background-color:#ebebe3;
  }
  .{{$template|escape:'html'}}_table5 {
    width: 900px;
    border-top:solid 1px #694247;
    border-left:solid 1px #694247;
  }
  .{{$template|escape:'html'}}_table5 td {
    border-right:solid 1px #694247;
    border-bottom:solid 1px #694247;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 900px;
    height:1px;
    paddingleft:15px
    tex-talign:left;
  }
  .{{$template|escape:'html'}}_table7 {
    height: 23px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 25px;
    font-weight: bold;
    font-size: 120%;
    color: #694247;
    padding-left: 15px;
    background-image:url(images/common/headline.png);
    background-repeat:repeat-x;
  border-right: solid 1px #8F8F8A;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 100px;
    height: 25px;
    padding-left:15px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 195px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 100px;
    padding-left:95px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 189px;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 22px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 58px;
    height: 23px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 93px;
    height: 23px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 189px;
    height: 46px;
    TEXT-ALIGN:center;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 900px;
    height: 23px;
    padding-left:20px;
    background-color:#885b5d;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
  }
  .{{$template|escape:'html'}}_td100 {
    width: 900px;
    height: 23px;
    padding:0;
    background-color:#885b5d;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 110px;
    height: 54px;
    padding:0 20px;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td12 {
    width: 130px;
    height: 54px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td13 {
    width: 84px;
    height: 54px;
    padding:0 38px;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td14 {
    width: 155px;
    height: 54px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td15 {
    width: 120px;
    height: 54px;
    padding:0 15px;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td16 {
    width: 155px;
    height: 54px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 68px;
    height: 23px;
    text-align:center;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td18 {
    border-right: solid 1px #fff;
    width: 91px;
    height: 22px;
    text-align:left;
    padding-left:15px;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td19 {
    border-right: solid 1px #fff;
    width: 132px;
    height: 22px;
    padding-left:15px;
    text-align:left;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td20 {
    border-right: solid 1px #fff;
    width: 59px;
    height: 22px;
    padding-left:18px;
    text-align:left;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td21 {
    border-right: solid 1px #fff;
    width: 92px;
    text-align: center;
    padding-left:8px;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td22 {
    border-right: solid 1px #fff;
    width: 72px;
    height: 22px;
    text-align: center;
    font-weight:bold;
    font-size:10pt;
    color:white;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td23 {
    border-right: solid 1px #fff;
    width: 23px;
    height: 22px;
    font-weight:bold;
    font-size:10pt;
    color:white;
    text-align:center;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td24 {
    height: 22px;
    width: 75px;
    padding-left:10px;
    font-weight:bold;
    font-size:10pt;
    color:white;
    text-align:left;
    vertical-align:middle;
  }

  .{{$template|escape:'html'}}_td26 {
    border-right: solid 1px #fff;
    width: 63px;
    height: 22px;
    font-weight:bold;
    font-size:10pt;
    color:white;
    padding-left:7px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td171 {
    width: 71px;
    height: 30px;
    text-align:center;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td181 {
    width: 107px;
    height: 25px;
    text-align:LEFT;
    PADDING-left:6px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td191 {
    width: 145px;
    height: 23px;
    text-align:left;
    PADDING-left:4px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td201 {
    width: 72px;
    height: 28px;
    text-align:left;
    PADDING-left:3px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td211 {
    width: 103px;
    height: 23px;
    white-space:nowrap;
    text-align: center;
    padding-left:8px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td221 {
    width: 68px;
    text-align:center;
    vertical-align:middle;
    padding-left:2px;
  }
  .{{$template|escape:'html'}}_td231 {
    width: 25px;
    height: 23px;
    text-align:center;
    padding-left:2px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td241 {
    width: 75px;
    height: 23px;
    text-align:center;
    vertical-align:middle;
    padding-left:4px;
  }
  .{{$template|escape:'html'}}_td251 {
    width: 68px;
    height: 23px;
    padding-left:15px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_tdm {
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_Text {
    width:195px;
    height:18px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_Text2 {
    width:58px;
    height:18px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_select {
    width:197px;
    height:22px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_select2 {
    width:80px;
    height:22px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_select3 {
    width:120px;
    height:22px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_btn {
    cursor:pointer;
  }
  .{{$template|escape:'html'}}_add1 {
    background-image: url(images/buttons/add1.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
  .{{$template|escape:'html'}}_add1:hover {
    background-image: url(images/buttons/add1_h.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = GuiPageAcctExpense.instance('{{$template|escape:'javascript'}}');
      new HandlePageAcctExpense(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td1">
      Search Box
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_table2">
      <table class="{{$template|escape:'html'}}_table2" cellPaddiing="0" cellSpacing="0" border=0>
        <tr>
          <td style="height:15px" colSpan="6"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">C/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
          <span style="letter-spacing:2px;">C/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">P/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            <span style="letter-spacing:2px;">P/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Payee
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_payee_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Particulars
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_particular_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
          Amount
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_amount_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Method
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_method_select"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Chque No.
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_chequeNo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4"></td>
          <td class="{{$template|escape:'html'}}_td3">
            <table calss="{{$template|escape:'html'}}_td3" cellPaddiing="0" cellSpacing="0" border=0>
              <tr>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_ng_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td7">
                  NG
                </td>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_ne_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td8">
                  NE
                </td>
              </tr>
            </table>
          </td>
          <td class="{{$template|escape:'html'}}_td9" rowSpan="2">
            <input type="button" class="search" id= "{{$template|escape:'html'}}_search_button" />
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Note
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_note_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4"></td>
          <td class="{{$template|escape:'html'}}_td3">
            <table calss="{{$template|escape:'html'}}_td3" cellPaddiing="0" cellSpacing="0" border=0>
              <tr>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_paid_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td7">
                  Paid
                </td>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_unpaid_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td8">
                  To Paid
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td style="height:15px;"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table cellPadding="0" cellSpacing="0">
  <tr>
    <td style="height:20px;" colSpan="6">
  </tr>
</table>
<table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td10" colSpan="6">
      Summarize
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td11">
      Total Expenses
    </td>
    <td class="{{$template|escape:'html'}}_td12" id="{{$template|escape:'html'}}_expense_div" ></td>
    <td class="{{$template|escape:'html'}}_td13">
      Total Cash
    </td>
    <td class="{{$template|escape:'html'}}_td14" id="{{$template|escape:'html'}}_cash_div" ></td>
    <td class="{{$template|escape:'html'}}_td15">
      Total Non-Cash
    </td>
    <td class="{{$template|escape:'html'}}_td16" id="{{$template|escape:'html'}}_noncash_div" ></td>
  </tr>
</table>
<table cellPadding="0" cellSpacing="0">
  <tr>
    <td style="height:13px;">
  </tr>
</table>
<table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
  <tr>
    <td id="{{$template|escape:'html'}}_pagination_div"></td>
  </tr>
</table>
<table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td100" colSpan="12" align="left">
      <table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table7"  border=0>
        <tr>
          <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">C/D</td>
          <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">P/D</td>
          <td class="{{$template|escape:'html'}}_td18">Payee</td>
          <td class="{{$template|escape:'html'}}_td19">Particulars</td>
          <td class="{{$template|escape:'html'}}_td20">Amount</td>
          <td class="{{$template|escape:'html'}}_td21">Method</td>
          <td class="{{$template|escape:'html'}}_td22"><span style="letter-spacing:2px;">Q/N</td>
          <td class="{{$template|escape:'html'}}_td23">NG</td>
          <td class="{{$template|escape:'html'}}_td23">NE</td>
          <td class="{{$template|escape:'html'}}_td26">Note</td>
          <td class="{{$template|escape:'html'}}_td24">Status</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td171" id="{{$template|escape:'html'}}_createdDate_div"></td>
    <td class="{{$template|escape:'html'}}_td171">
      <input type="text" class="{{$template|escape:'html'}}_Text2" id="{{$template|escape:'html'}}_paidDate_text"></input>
    </td>
    <td class="{{$template|escape:'html'}}_td181">
      <table cellPadding="0" cellSpacing="0" border=0>
        <tr>
          <td >
            <select class="{{$template|escape:'html'}}_select2" id="{{$template|escape:'html'}}_who_select"></select>
          </td>
          <td style="padding-top:3px;">
            <input type="button" class="add2"onfocus="blur()" id="{{$template|escape:'html'}}_add1_button" />
          </td>
        </tr>
      </table>
    </td>
    <td class="{{$template|escape:'html'}}_td191">
    <table cellPadding="0" cellSpacing="0">
        <tr>
        <td ">
      <select class="{{$template|escape:'html'}}_select3" id="{{$template|escape:'html'}}_particulars_select"></select>
      </td>
      <td style="padding-top:3px;">
        <input type="button" class="add2"onfocus="blur()" id="{{$template|escape:'html'}}_add2_button" />
    </td>
    </tr>
    </table>
    </td>
    <td class="{{$template|escape:'html'}}_td201">
      <input type="text" class="{{$template|escape:'html'}}_Text2" id="{{$template|escape:'html'}}_amount1_text"></input>
    </td>
    <td class="{{$template|escape:'html'}}_td211">
      <table cellPadding="0" cellSpacing="0">
        <tr>
          <td>
            <input type="radio" id="{{$template|escape:'html'}}_c_input" name="mehtod" > 
          </td>
          <td class="{{$template|escape:'html'}}_tdm"> 
            C
          </td>
          <td>
            <input type="radio" id="{{$template|escape:'html'}}_b_input" name="mehtod" > 
          </td>
          <td class="{{$template|escape:'html'}}_tdm">
            B
          </td>
          <td>
            <input type="radio" id="{{$template|escape:'html'}}_q_input" name="mehtod" > 
          </td>
          <td class="{{$template|escape:'html'}}_tdm">
            Q
          </td>
        </tr>
      </table>
    </td>
    <td class="{{$template|escape:'html'}}_td221">
      <input type="text" class="{{$template|escape:'html'}}_Text2" id="{{$template|escape:'html'}}_qn_text"></input>
    </td>
    <td class="{{$template|escape:'html'}}_td231">
      <input type = "checkbox" id="{{$template|escape:'html'}}_ng1_checkbox" ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td231">
      <input type = "checkbox" id="{{$template|escape:'html'}}_ne1_checkbox" ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td221">
      <input type="text" class="{{$template|escape:'html'}}_Text2" id="{{$template|escape:'html'}}_note1_text"></input>
    </td>
    <td class="{{$template|escape:'html'}}_td241">
      <input type="button" class="{{$template|escape:'html'}}_add1" id="{{$template|escape:'html'}}_add_button" />
    </td>
    <td class="{{$template|escape:'html'}}_td251">
    </td>
  </tr>
</table>
<table id="{{$template|escape:'html'}}_main_table" class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0"></table>
